<link href="<?=url()?>templates/css/lienhe.css" type="text/css" rel="stylesheet" />
<div class="lienhe">
    <div class="cont_left">
        <div class="cont_title"><?=lang('mn_lienhe')?></div>
        <form id="frmcontacts" name="frmcontacts" method="post" action="<?=base_url().$seg?>/lienhe/action">
            <div class="contacts">
                <p><?=lang('text_lien_he')?></p>
                <ul>
                    <li class="left"> <?=lang('ho_ten')?> :</li>
                    <li class="right">
                        <input type="text" size="40" id="cusname" name="cusname" class="lhe">
                    </li>
                </ul>
                <ul>
                    <li class="left">Email :</li>
                    <li class="right">
                        <input type="text" size="40" id="cusmail" name="cusmail" class="lhe">
                    </li>
                </ul>
                <ul>
                    <li class="left">Phone :</li>
                    <li class="right">
                        <input type="text" size="40" id="phone" name="phone" class="lhe">
                    </li>
                </ul>
                <ul>
                    <li class="left"><?=lang('noi_dung')?> :</li>
                    <li class="right">
                        <textarea rows="7" style="width:350px" cols="35" id="noidung" name="noidung"></textarea>
                    </li>
                </ul>
                <ul>
                    <li><!--(*)Bắt buộc phải điền thông tin--> &nbsp;</li>
                    <li class="right" style="text-align:left; padding-left: 75px;padding-top: 0">
                        <input type="submit" value="<?=lang('btn_send')?>" id="btnlienhe" class="btn" name="btnlienhe" style="margin-right:17px;">
                    </li>
                </ul>
            </div>
        </form>
    </div>
    <div class="cont_right">
        <div class="cont_title"><?=lang('lhe_htac');?></div>
        <p style="margin-top:15px;">Hotline:
            <?=$this->config->item('site_phone');?>
        </p>
        <p>Địa chỉ :
            <?=$this->config->item('site_address');?>
        </p>
        <!--<p>Quận 2: Số 34 Đường số 7, Phường Bình An</p>
                <p>Quận Thủ Đức: 206/3A  Tam Bình, Phường Tam Phú  </p>-->
        <p>Email : <b>
            <?=$this->config->item('site_email');?>
            </b> </p>
        <p style="margin-top:20px;"><img src="<?=base_url()?>templates/images/map.gif"></p>
    </div>
    <div class="clear"></div>
</div>
<script>
$(document).ready(function(){
	$("#frmcontacts").validate({
		errorClass      : 'error',
		errorElement	: 'span',
		onfocusout		: false,
		onkeyup			: false,
		ignore			: 'input[type="text"]:hidden',
        rules: {
            cusname:{
				required:true,
				maxlength:150
			},
			cusmail:{
				required:true,
				email:true,
				maxlength:150
			},
			phone:{
				validate_phone:true,
			},
			noidung:"required"
            
        },
        messages: {
			cusname: {
				required:"Vui lòng nhập họ và tên vào.",
				maxlength:"Họ và tên của bạn không quá 150 ký tự."
			},
			cusmail:{
				required:"Vui lòng nhập email vào.",
				email:"Email không đúng định dạng.",
				maxlength:"Email không quá 150 ký tự."
			},
			phone:{
				validate_phone:"Nhập đúng định dạng (vd: 09xxxxxxxx, 01xxxxxxxxx)."
			},
			noidung:"Vui lòng nhập nội dung vào."
        },
		errorPlacement: function(error, element) {
				var id = element.attr('id');	
				error.insertAfter($('#' + id));	
			}
    });
	// add method validate phone
	$.validator.addMethod("validate_phone", function (str) {
		var reg = /^(84|0)[\d]{8,11}$/;
		//str=$('#phone').val();
		if (reg.test(str) == false) {
			return false;
		} else {
			return true;
		}
	});

});
</script>